<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <title>首页</title>
</head>
<style type="text/css">
body{
	text-align:center
}
.main{
    width: 410px;
    text-align: center;
    margin: 0 auto;
}
.mydiv{
    width: 200px;
    height: 200px;
    float: left;
    background: rgb(13, 194, 179);
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 20%;
    font-size: 25px;
    line-height: 180px;
}
a {
  width:100%;
}
* { margin:0; padding:0;}
</style>
<body class="login-bg">
<input id="appId" type="hidden" value="测试测试"/>
<input id="userId" type="hidden" value="36597842"/>
<input id="pageName" type="hidden" value="首页/index"/>
<input id="apiUrl" type="hidden" value="/screen/restore"/>
	<div class="main">
		<div class="mydiv" onclick="window.open('/screen/test');">
			内容为纯文字
		</div>
		<div class="mydiv" onclick="window.open('/screen/4yue');">
            内容为纯图片
        </div>
		<div class="mydiv" onclick="window.open('/screen/login');">
			内容为复杂样式
		</div>
		<div class="mydiv" onclick="window.open('/screen/admin');">
			查看异常日志
		</div>
		<div class="mydiv" onclick="window.open('/screen/kuayu');">
        	内容为跨域图片
        </div>
        <div class="mydiv" id="exception">
        	当前页面截图
        </div>
	</div>

</body>
<script src="/static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/static/js/html2canvas.min.js"></script>
<script type="text/javascript" src="/static/js/exception-log.js"></script>
<script>
	$("#exception").click(function(){
		data.action = "模拟一个异常";
		exception();
	});
</script>
</html>